<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="mobile/fragments/index">
<head>
    <meta charset="UTF-8"/>
    <title th:text="${title}"></title>
    <link type="text/css" rel="stylesheet" th:href="@{/static/mobile/css/schedule/entity.css}"/>
</head>
<body th:fragment="content" th:remove="tag">
<div class="mui-card">
    <div class="mui-card-content custom-row">
        <form class="mui-input-row mui-search" method="post">
            <div class="custom-search">
                <input type="text" name="title" id="custom-search-input" th:value="${titleVal}" placeholder="请输入查询内容"/>
                <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
                <span class="custom-search-span"></span>
            </div>
        </form>
        <input type="hidden" name="current" th:value="${pager.totalPages}"/>
    </div>
</div>
<div class="mui-card">
    <div class="mui-card-content">
        <ul class="mui-table-view custom-lecture">
            <li class='mui-table-view-cell mui-media' th:if="${state}" th:each="list:${dataList}">
                <a class="mui-navigate-right" th:href="${list.url}">
                    <div class="mui-media-body mui-ellipsis">
                        <span th:text="${list.title}"></span>
                        <p class="mui-ellipsis custom-ellipsis-size"
                           th:text="${list.sqr+' / '+list.workname+' / '+list.description}"></p>
                    </div>
                </a>
            </li>
            <li class='mui-table-view-cell mui-media' th:unless="${state}" th:each="list:${dataList}">
                <a class="mui-navigate-right" th:href="${list.url}">
                    <div class="mui-media-body mui-ellipsis">
                        <span th:text="${list.title}"></span>
                        <p class="mui-ellipsis custom-ellipsis-size"
                           th:text="${list.sqr+' / '+list.state+' / '+list.time}"></p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>
<script th:if="${state}" th:src="@{/static/mobile/js/schedule/entity.min.js}"></script>
<script th:unless="${state}" th:src="@{/static/mobile/js/schedule/entity1.min.js}"></script>
</body>
</html>